<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>练习</title>
</head>
<body>
<input type="text" id="i1">
<input type="button" value="添加帅哥" onclick="f(1)">
<input type="button" value="添加美女" onclick="f(2)">
<script>
    let count = document.querySelector("#i1");
    function f(x) {
        let imgName = x == 1 ? "../img0006.jpg" : "../img0007.jpg";
        for (let i = 0; i < count.value; i++) {
            let img = document.createElement("img");
            img.src = imgName;
            img.height = 100;
            document.body.append(img);
        }
    }

    // function f(x) {
    //     if (isNaN(count.value)) {
    //         alert("输入有误,重新输入");
    //         return;
    //     }
    //     for (let i = 0; i < count.value; i++) {
    //         let img = document.createElement("img");
    //         switch (x) {
    //             case 0:
    //                 img.src = "../img0006.jpg";
    //                 break;
    //             case 1:
    //                 img.src = "../img0007.jpg";
    //                 break;
    //         }
    //         img.height = 100;
    //         document.body.append(img);
    //     }
    // }
</script>
</body>
</html>